Зачем этот велосипед если можно сделать все css
<style>
.sbutton {
background: #cb3131; /* Цвет фона */
padding: 10px 5px; /* Поля вокруг текста */
margin: 0px;
font-size:14px;
font-weight:600;
color: #FFFFFF; /* Цвет шрифта */
text-align: center; /* Надпись на кнопке по центру */
border: solid 0px #73C8F0; /* Параметры рамки кнопки */
cursor: pointer; /* Изменение вида курсора при наведении*/
border-radius: 5px;
overflow:hidden;
opacity : 1;
filter:alpha(opacity=100);
}
.sbutton:active {
position:relative;
opacity : 0.5;
filter:alpha(opacity=50);
top:1px;
}
</style>
<a id="btn" class="sbutton">Кнопка</a>