Градиенты CSS3 для репродуцирования 'внутреннего свечения' эффект от Illustrator с примененным радиусом границы

Я нахожусь в процессе попытки получить мою голову правильно вокруг Градиентов CSS3 (специфически радиальные), и при этом я думаю, что принялся относительно жесткая проблема.

В Adobe Illustrator я создал следующий стиль 'кнопки'.

Для создания этого изображения, я создал прямоугольник с цветом фона rgb(63,64,63) или #3F403F, затем 'стилизованный' это, чтобы иметь радиус границы на 15 пкс.

Я затем применил 'внутреннее свечение' к нему с 25%-й непрозрачностью, размытостью на 8 пкс, белой от центра. Наконец, я применил белый штрих на 3 ПБ на него. (Я говорю Вам все это в случае, если Вы хотели воспроизвести его, если изображение выше не достаточно.)

Так, мой вопрос таким образом:

Действительно ли возможно воссоздать эту 'кнопку' с помощью CSS без потребности в изображении?

Я знаю об 'ограничениях' Internet Explorer (и ради этого эксперимента, я не мог дать обезьян). Я также знаю о небольшой 'ошибке' в WebKit, который неправильно представляет элемент с цветом фона, радиусом границы и границей (с другим цветом к цвету фона) - это пропускает выход за край цвета фона на кривых углах.

Моя лучшая попытка до сих пор довольно вызывает жалость, но для ссылки вот код:

section#featured footer p a
{
    color: rgb(255,255,255);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border: 3px solid rgb(255,255,255);
    background: rgb(98,99,100);

    background: -moz-radial-gradient(
        50% 50%, 
        farthest-side, 
        #626364, 
        #545454
    );
    background: -webkit-gradient(
        radial, 
        50% 50%,
        1px,
        50% 50%,
        5px,
        from(rgb(98,99,100)),
        to(rgb(84,84,84))
    );
}

В основном, ужасный. Любые подсказки или подсказки, с благодарностью принятые и заранее большое спасибо за них!