Schimba fisierul CSS folosind jQuery

.box {
	padding: 10px;
	background: #f2f4f9;
	border: 2px solid #555;
	z-index: 1;
}

.box h1 {
	font-size: 22px;
	margin: 10px 0 10px 0;
	padding: 0;
	width: 100%;
	text-align: center;
	text-shadow: 1px 1px 1px #555;
}

.box {
	padding: 10px;
	background: #780000;
	border: 2px solid #555;
	z-index: 1;
}

.box h1 {
	font-size: 22px;
	margin: 10px 0 10px 0;
	padding: 0;
	width: 100%;
	color: #FFF;
	text-align: center;
	text-shadow: 1px 1px 1px #d3d3d3;
}

<div class="box">
	<h1>Doar un text de proba...</h1>
</div>
<input type="button" id="schimba" value="Schimba CSS" />

<link href="normal.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
jQuery(document).ready(function () {
	$('#schimba').click(function(e){
		e.preventDefault();
		if ($(this).attr('value') == 'Schimba CSS' ) {
			$(this).attr('value', 'Varianta normala');
			$('link').attr('href', 'nou.css');
		} else {
			$(this).attr('value', 'Schimba CSS');
			$('link').attr('href', 'normal.css');
		}
		return false;
	});
});
</script>